{template 'include/header'}

<div class="container container-fill">
<style>
	
</style>

 <div class="hd" style=" background:url(<?php echo MODULE_URL;?>/template/mobile/img/invite.png) no-repeat; background-size:100%; padding:24px 15px; width:100%; box-sizing:border-box; border:none !important;">
     <div class="clear" style="height:100px"></div>
    </div>
     
    <div style="padding:11px; font-size:14px; color:#2b2b2b; background:#fff; box-shadow:#acacac 0px 2px 5px;">
    	<div class="" style="border:1px solid #d7d4ce;overflow:hidden;padding:15px 10px;border-radius:6px;">
    		<img src="{$_W['attachurl']}{$project['pro_feature']}" alt="" style="width: 80px;float:left;margin-right:20px;border-radius:5px"/>
    		<h2 style="font-size:16px;margin:0;">{$project['pro_name']}</h2><p style="color:#a5a09d;margin-top:5px;">尚缺：<font style="color:#ff6a0e;">{php echo $project['pro_goal']-$fund_totals['total'];}</font>元</p>
    	</div>
		<div class="clear"></div>
    </div>
   <div class="clear"></div>
   
<style type='text/css'>
	body{background-color: #fff;}
	.sel { background:#33cdd6; color:#fff;}
	.nosel { background:#fff;color:#000}
</style>
<div class="shopping-main" style="padding:0;">
	<form method="post" id="intit" action="{php echo $this->createMobileUrl('invitenext',array('pro_id'=>$pro_id));}">
	<!--金额弹窗-->
    	<div class="jetc" style="border-top:#ececec 1px solid; padding:10px 15px !important;z-index:1001;display:block;position:relative;">
    	<p>选择目标：</p>
    		<div class="float_l">
    			<div class="input_2 input_val5"  style="position:relative;padding: 7px 5px;"><span class="font_2">不设目标 </span>元
		     		<div style="position:absolute; right:0; bottom:0;" class="arrow-left"></div>
		    	 	<div class="gou_b"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></div>
		    	</div>
		    </div>
			<div class="float_l">
				<div class="input_2 input_val10"  style="position:relative;padding: 7px 5px;"><span class="font_2">200 </span>元
		     		<div style="position:absolute; right:0; bottom:0;" class="arrow-left"></div>
		     		<div class="gou_b"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></div>
		    	</div>
		    </div>
		    <div class="float_l">
		    	<div class="input_2 input_val50"  style="position:relative;padding: 7px 5px;"><span class="font_2">1000 </span>元
		     		<div style="position:absolute; right:0; bottom:0;" class="arrow-left"></div>
		     		<div class="gou_b"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></div>
		    	</div>
		    </div>
		    <div class="float_l">
		    	<div class="input_2 input_val100"  style="position:relative;padding: 7px 5px;"><span class="font_2">5000 </span>元
		     		<div style="position:absolute; right:0; bottom:0;" class="arrow-left"></div>
		     		<div class="gou_b"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></div>
		    	</div>
		    </div>

    	    <div class="float_l" style="width:100%;">
    	    	<div class="input_1" style="position:relative;">
    	    		<input name="goal" id="price_input" value="" size="6" class=" input_2 font_3" placeholder="其他" style="width:90%; padding:7px 30px 7px 10px; font-size:14px; color:#fe6903; "/>
    	    		<span style="display:inline-block; margin-left:-30px;font-size:12px; color:#939393;">元</span>
    			</div>
    			
    			<a href="javascript:void(0)" id="price">
    				<span style="float:right;color:#fff; display:none;background:#fe6903 !important;">立即捐助<i class="glyphicon glyphicon-chevron-right"></i></span>
    			</a>
    		</div> 	
    		<div class="clear"></div>
    		<p>写个口号吸引小伙伴</p>
    		<textarea name="kouhao" style="padding:7px 30px 7px 10px;font-size:14px;border-radius:5px;border:1px solid #ccc;width:90%;margin-left:7px;height:80px;">我为这个公益项目发起筹款，相信世界的改变不因为少数人的很大努力，而因大多数人的一点点。
    		</textarea>
			<label style="display:none;" id="jine"></label>
     		<div class="clear"></div>
     		<input id="submit" type="submit" value="Submit" style="display:none;"/>
     		<a href="###" id="jk_btn" >
     			<div id="jk_btn" class="btn btn-danger  btn-block" style="background:#df2413; border-color:#df2413; color:#fff;margin-top: 20px;">下一步</div>
     		</a>
     		
		</div>
 		<!--遮蔽层-->
 		</form>
	
</div>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
		$(".input_2").click(
			function(){
				$(".input_2").css("border-color","#ccc"); 
				$(".input_2").css("border-width","1px");
				$(this).css("border-color","#fe6903");
				$(this).css("border-width","2px");
				$(".input_2").find(".arrow-left").hide();
				$(".input_2").find(".gou_b").hide();
				$(this).find(".arrow-left").show();
				$(this).find(".gou_b").show();
				$("#price_input").val("");
		 	}
		);
		$(".input_val5").click(
			function(){ 
				$("#price_input").val("不设目标");
			}
		);
		$(".input_val10").click(
			function(){ 
				$("#price_input").val("200");
			}
		);
		$(".input_val50").click(
			function(){ 
				$("#price_input").val("1000");
			}
		);
		$(".input_val100").click(
			function(){ 
				$("#price_input").val("5000");
			}
		);
		$("#jk_btn").click(
	 		function(){
	   			if($("#price_input").val()!==""){
					$("#submit").click();
				} else {
         			alert("请选择目标！");
				}
		 	}
		);		  
</script>

<!--底部logo和版权-->
{template 'include/footer'}
            
</body>
</html>
